<template>
  <div>
    <nav>
        <span @click="curr = 'you'">You</span> |
        <span @click="curr = 'me'">Me</span>
    </nav>
    <keep-alive>
        <component :is="curr"></component>
    </keep-alive>
    
  </div>
</template>

<script>
import you from './keepalived/You.vue';
import me from './keepalived/Me.vue';

export default {
    components : {
        you,
        me
    },
    data() {
        return {
            curr:"you",
        };
    },
};
</script>

<style>

</style>